<!DOCTYPE html>
<html class="no-js" lang="zh_CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

<title>${system_admin_title}</title> #required_css

</head>
<body>
	#loading
	<div class="app $!layout">
		<section class="layout">
			<!-- 内容主体 -->
			<section class="main-content">
				<aside class="sidebar-200 offscreen-left">
					<div id="jsTreeMenu">
						<ul>
							<li>Root Node
								<ul>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
								</ul>
							</li>
							<li>Root Node2
								<ul>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
									<li>4.2.6>node1</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</aside>
				<div class="content-wrap">
					<div class="wrapper no-p">
						详情请参考 <a href="https://www.jstree.com" target="_blank">jstree</a>
					</div>
				</div>
				<a class="exit-offscreen"></a>
			</section>
		</section>
	</div>
	#required_js

	<!-- 页面组件脚本 -->

	<!-- 本页面脚本 -->
	<script src="$!basePath/framework/js/view/tree.js"></script>
	<script type="text/javascript">
		function initTreeView() {
			$("#jsTreeMenu").jstree({
				plugins : [ "wholerow" ],
				core : {
					multiple : false,
					themes : {
						icons : false
					}
				}
			}).on("select_node.jstree", function(node, selected) {
				var id = selected.selected;
				ns.tip.alert(id);
			});
		}
		$(function() {
			initTreeView();
		});
	</script>

	#loading_close
</body>
</html>
